html,body,#map{
	margin: 0;
	width: 100%;
	height: 100%;
}
.tool{
	position:fixed;
	right:20px;
	bottom:0px;
	z-index:999;
	margin:0;
}
.tool li{
	list-style:none;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	display:block;
	font-size:12px;
	cursor:pointer;
	background:#8FB9FA;
	color:#fff;
	margin-bottom:8px;
	box-shadow:1px 1px 1px #ccc;
}
#location{
	position:absolute;
	right:15px;
	bottom:0;
	z-index:999;
	font-weight:700;
	color:#B3C5DB;
}
#scaleLine{
	position:absolute;
	bottom:0;
	left:5px;
	z-index:999;
}  
.x-zoom-icons {
	position: absolute;
	right: 20px;
	bottom: 50px;
	z-index: 999;
}
.x-zoom-icons span {
	display: block;
	padding: 7px;
	cursor: pointer;
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
}
#full {
	display: block;
	padding: 7px;
	width: 100px;
}

#location {
	position: absolute;
	bottom: 0;
	right: 15px;
	font-weight: bold;
	z-index: 999;
}

#scaleLine {
	position: absolute;
	bottom: 0;
	left: 5px;
	z-index: 999;
}

#export-jpg,.ssqd {
	position: fixed;
	top: 88px;
	right: 140px;
	height:37px;
	line-height:37px;
	width:100px;
	z-index: 88;
	box-shadow:#CECDCD 1px 1px 5px;
	border-radius:3px;
	cursor:pointer;
	color:#999;
	font-size:15px;
	text-decoration:none;
	background:#fff;
}
.ssqd{right:250px;}
#export-jpg .jpg_ico,.ssqd .jpg_ico{
	margin:3.5px 0 0 3px;
	width:30px;
	height:30px;
	float:left;
	background:url(../images/export_ico.png) center no-repeat;
	background-position:3px -62px;
}
.ssqd .jpg_ico{
	background:url(../images/ssqd_ico.png) center no-repeat;
	background-position:3px -58px;
}
#export-jpg .jpg_txt,.jpg_ico .jpg_txt{
	width:60px;
	height:37px;
	float:left;
}
#export-jpg:hover .jpg_ico{
	background-position:3px 1px;
}
.ssqd:hover .jpg_ico{
	background-position:3px -4px;
}
#export-jpg:hover .jpg_txt{
	color:#3385FF;
}
.ssqd:hover .jpg_txt{
	color:#3385FF;
}
.ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
       border-radius:0 0 7px 7px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        height:auto;
      }
    
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none !important;
        position: absolute;
        top: 0px;
        right: 0px;
        width:25px;
        height:25px;
        text-align:center;
        line-height:25px;
        background:#333;
        color:#fff !important;
      }
      .ol-popup-closer:after {
        content: "×";
      }
#popup-content{
   	min-height:25px;
   	width:210px;
   	border-radius:0 0 7px 7px;
   	overflow:hidden;
   	padding:0 5px;
   	padding-bottom:5px;
}

#popup-content p{overflow:hidden;text-overflow:ellipsis;white-space:pre;height:25px;line-height:25px;text-indent:8px;background:#666;color:#fff;margin-bottom:5px;width:185px;margin-left:-5px;}
#popup-content code{border:1px solid #eee;border-radius:0;width:200px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:pre;padding:0;line-height:23px;height:23px;text-indent:8px;display:block;background:#fff;font-size:12px;color:#777;}
#popup-content code span{font-weight:bold;}
#popup-content code a{color:#3385FF;cursor:pointer;}
#progress{position:absolute;top:0;left:0;width:0;height:2px;background:#5858DC;transition:width 250ms;}
#popup-content.on{width:410px;}
#popup-content.on .p_txt{width:385px;}	
		
		
		
		